html, body, #app{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
}
i{cursor: pointer;font-weight: bold;}
.w50{width: 50%;};
.w100{width:100%;}
.h100{height:100%;}
.minH100{min-height:100%;}

.relative{position: relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}

.fl{float:left;}
.fr{float:right;}
.center-wrap{
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

.left50{left:50%;transform:translateX(-50%);}
.lt50P{left:50%;top:50%;transform:translate(-50%,-50%);}
.left0{left:0;}
.top0{top:0;}
.bottom0{bottom:0}
.right0{right:0;}

.block{display:block;}

.mAuto{margin:0 auto}
.txtNoWrap{
  white-space:nowrap;
}
.flex{display: flex;}
.flexAll{display: flex;align-items: center;flex-wrap: wrap;}
.flexS { flex-shrink: 0;}
.alic{align-items: center;}
.justs{justify-content: space-between;}
.justc{justify-content: center;}
.juste{justify-content: flex-end;}
.column{flex-direction:column}
.wrap{flex-wrap: wrap;}
.noWrap{flex-wrap: nowrap;}
.flex1{flex:1}
.txtJ{text-align: justify;}//最后一行不生效
.txtJLast{text-align: justify;text-align-last:justify}//最后一行生效，名字手机号码对齐
.img{width:32px;height:32px;margin-right:10px}
.pr {position: relative;}

.fw{font-weight: 800;}

.color0{color:#000000;}
.color3{color:#333333;}
.color6{color:#666666;}
.color9{color:#999999;}
.colorC{color:#cccccc}
.colorf4{color:#4BAFFF;}
.colorF{color:#ffffff;}
.colorB8{color:#B8B8B8}

.bgf{background: #ffffff;}
.bgc{background: #cccccc;}
.bgf4{background:#4BAFFF;}
.bgf5{background: #F5F5F5;}
.bgf4f6{background:#F4F6F8;}
.bgModel5{background:rgba(0,0,0,.5);}

.borRad50{border-radius:100px ;}
.borRad50P{border-radius:50% ;}
.borRad6{border-radius:3px ;}
.boxBorder{box-sizing: border-box;}
.borderB{border-bottom:1px solid #f5f5f5}
.border1{border:1px solid #EBEBEB}
.ts{text-align: start;}
.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}
.disabled{pointer-events: none;}

.overH{overflow: hidden;}
.txt{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.txtOmit{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.wb {
  word-break: break-all;
}

.line {
	position: relative;
}

.textline{text-decoration: underline};
.VHiden{visibility:hidden;}

